<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>任务</title>
    <link href="/static/iconfont.css" rel="stylesheet"/>
    <meta name="format-detection" content="telephone=yes"/>
    <style type="text/css">
        * {
            font-weight: normal;
            font-size: 12px;
        }

        html {
            font-size: 100px
        }

        body {
        }

        .main {
            max-width: 7.5rem;
            margin: 0 auto;
            padding-bottom: .6rem;
            background: transparent;
            /*background: #fff;*/
            padding-top: 0.7rem;
        }

        .icon-loading {
            display: inline-block;
            -webkit-transition-property: -webkit-transform;
            -webkit-transition-duration: 1s;
            -moz-transition-property: -moz-transform;
            -moz-transition-duration: 1s;
            -webkit-animation: rotate 1s linear infinite;
            -moz-animation: rotate 1s linear infinite;
            -o-animation: rotate 1s linear infinite;
            animation: rotate 1s linear infinite;
        }

        @-webkit-keyframes rotate {
            from {
                -webkit-transform: rotate(0deg)
            }

            to {
                -webkit-transform: rotate(360deg)
            }
        }

        @-moz-keyframes rotate {
            from {
                -moz-transform: rotate(0deg)
            }

            to {
                -moz-transform: rotate(359deg)
            }
        }

        @-o-keyframes rotate {
            from {
                -o-transform: rotate(0deg)
            }

            to {
                -o-transform: rotate(359deg)
            }
        }

        @keyframes rotate {
            from {
                transform: rotate(0deg)
            }

            to {
                transform: rotate(359deg)
            }
        }

        .back {
            height: 0.75rem;
            border-bottom: 1px solid #dddee1;
            position: fixed;
            top: 0;
            z-index: 99999;
            width: 7.5rem;
            background: #e9eaec;
            line-height: 0.75rem;
            padding-left: 0.2rem;
        }

        .back > a {
            display: inline-block;
            height: 0.6rem;
            font-size: 0.3rem;
            color: #1c2438;
            text-decoration: none;
        }

        .back > a > i {
            font-size: 0.3rem;
            color: #1c2438;
        }
    </style>
    <script src="/static/fastclick.min.js"></script>
    <script src="/static/vue.min.js"></script>
    <script src="/static/jquery-1.10.2.min.js"></script>
    <script src="/static/layui.extend.js"></script>
    <script src="/static/boot.min.js"></script>
    <script src="/static/layui.js"></script>
    <link href="/static/font_1024638_ykchct69upp.css" rel="stylesheet"/>
</head>

<!--
<body style="padding:0;margin:0;overflow-x:hidden;background:url(/UpFiles/Bg/018CA13AC058466299BF4690A584BC12.jpg)">
-->
<div id="myloading">
    <i class="iconfont icon-loading"></i>
</div>
<form action="/Task/Index" data-ajax="true" data-ajax-mode="replace" data-ajax-update="#myPnl" id="form0" method="get">
    <script type="text/javascript">
        $(document).keydown(function (event) {
            switch (event.keyCode) {
                case 13:
                    return false;
            }
        });
        var browser = {
            versions: function () {
                var u = navigator.userAgent, app = navigator.appVersion;
                return {
                    trident: u.indexOf('Trident') > -1, //IE内核
                    presto: u.indexOf('Presto') > -1, //opera内核
                    webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
                    mobile: !!u.match(/Mobile/), //是否为移动终端
                    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
                    iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                    iPad: u.indexOf('iPad') > -1, //是否iPad
                    webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
                    weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
                    qq: u.match(/\sQQ/i) == " qq" //是否QQ
                };
            }()
        }
        !function (n) {
            var e = n.document,
                t = e.documentElement,
                i = 750,
                d = i / 100,
                o = "orientationchange" in n ? "orientationchange" : "resize",
                a = function () {
                    var n = t.clientWidth || 320;
                    n > 750 && (n = 750);
                    t.style.fontSize = n / d + "px"
                };
            e.addEventListener && (n.addEventListener(o, a, !1), e.addEventListener("DOMContentLoaded", a, !1))
        }(window);
        $(function () {
            FastClick.attach(document.body);
        });
    </script>


    <style type="text/css">
        .main {
            background: transparent;
            /*background: #fafafa;*/
            width: 7.5rem
        }

        .row-list {
            width: 7.5rem;
            margin-bottom: 0.5rem;
        }

        .row-list > .myrow {
            padding: 0.28rem 0.28rem 0 0.28rem;
            min-height: 0.7rem
        }

        .easyman-label {
            font-size: 0.30rem;
            width: 1.5rem;
            display: inline-block;
            float: left;
            height: 0.7rem;
            line-height: 0.7rem;
            color: #333;
        }

        .easyman-label-long {
            font-size: 0.30rem;
            width: 2.0rem;
            display: inline-block;
            float: left;
            height: 0.7rem;
            line-height: 0.7rem;
            color: #333;
        }

        .easyman-title {
            font-size: 0.30rem;
            /*width: 3rem;*/
            display: inline-block;
            height: 0.7rem;
            line-height: 0.7rem;
            color: #333;
        }

        .easyman-content {
            margin-left: 1.6rem;
        }

        .easyman-a {
            min-height: 0.5rem;
            color: #2858d3;
            font-size: 0.50rem;
            padding: 0.1rem 0.2rem;
        }

        .easyman-input {
            min-height: 0.5rem;
            background: #fff;
            color: #333;
            font-size: 0.30rem;
            padding: 0.1rem 0.2rem;
            border: 1px solid #ccc;
            border-radius: 4px;
            width: 4.9rem
        }

        .easyman-select {
            min-height: 0.7rem;
            background: #fff;
            color: #333;
            font-size: 0.30rem;
            padding: 0.1rem 0.2rem;
            border: 1px solid #ccc;
            border-radius: 4px;
            width: 5.3rem
        }

        .easyman-btn {
            height: 0.7rem;
            padding: 0.1rem 0.2rem;
            font-size: 0.3rem;
            outline: none;
            border-width: 1px;
            border-style: solid;
            border-radius: 4px;
            margin-bottom: 0.28rem
        }

        .easyman-btn-info {
            color: #fff;
            background-color: #5bc0de;
            border-color: #46b8da;
        }

        .easyman-btn-success {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

        .easyman-btn-bwran {
            border-color: #f0ad4e;
            background: #fff;
            color: #666
        }

        .easyman-btn-warning {
            color: #fff;
            background-color: #f0ad4e;
            border-color: #eea236;

        }
    </style>
    <input type="hidden" id="txtjson"
           value="{&quot;code&quot;:0,&quot;msg&quot;:null,&quot;data&quot;:{&quot;ID&quot;:null,&quot;PROD_ID&quot;:0,&quot;PROD_ID_END&quot;:0,&quot;PROD_NAME_END&quot;:null,&quot;PROD_NAME&quot;:&quot;--选择活动类型--&quot;,&quot;PROD_LIST&quot;:[{&quot;ID&quot;:88,&quot;PROD_NAME&quot;:&quot;198元大流量资费推荐&quot;,&quot;CALL_REMARK&quot;:&quot;推荐您升级198元大流量套餐，可享受国内流量40GB+1000分钟语音通话（500分钟国内+500分钟省内）+两条100M的宽带，现在很多用户都在办理，真的很划算。流量超过40G后将限速。&quot;,&quot;OTHER_REMARK&quot;:null,&quot;END_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;END_TIME_STR&quot;:&quot;0001-01-01 00:00:00&quot;,&quot;RECYCLE_HOURS&quot;:0,&quot;STATUS&quot;:null,&quot;PUB_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME_STR&quot;:&quot;00:00:00&quot;,&quot;ALLOW_CALL_CNT&quot;:0,&quot;CALLED_HOURS&quot;:0,&quot;CLIENT_NAME&quot;:null,&quot;SERVER_NAME&quot;:null,&quot;RECORDS&quot;:0},{&quot;ID&quot;:82,&quot;PROD_NAME&quot;:&quot;4G双降大流量5折购&quot;,&quot;CALL_REMARK&quot;:&quot;推荐您【用98元移动大流量套餐领300元话费！】，300元话费活动，每月赠送50元，连续赠送6个月，每月最低消费98元，可享受国内流量20GB+300分钟语音通话（150分钟国内+150分钟省内）+100M的宽带，现在很多用户都在办理，加上赠送话费后，消费跟您现在差不多，但语音、流量比原来资费多，还可以送一条宽带。流量超过20G后才限速。赠送的话费于每月23日至28日前到帐，赠送的话费抵扣本月的消费，活动期内资费不能更改或取消，6个月活动结束后您可自行更改其他资费套餐。&quot;,&quot;OTHER_REMARK&quot;:null,&quot;END_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;END_TIME_STR&quot;:&quot;0001-01-01 00:00:00&quot;,&quot;RECYCLE_HOURS&quot;:0,&quot;STATUS&quot;:null,&quot;PUB_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME_STR&quot;:&quot;00:00:00&quot;,&quot;ALLOW_CALL_CNT&quot;:0,&quot;CALLED_HOURS&quot;:0,&quot;CLIENT_NAME&quot;:null,&quot;SERVER_NAME&quot;:null,&quot;RECORDS&quot;:0},{&quot;ID&quot;:86,&quot;PROD_NAME&quot;:&quot;148元大流量资费推荐&quot;,&quot;CALL_REMARK&quot;:&quot;推荐您升级148元大流量套餐，可享受国内流量30GB+600分钟语音通话（300分钟国内+300分钟省内）+100M的宽带，现在很多用户都在办理，真的很划算。流量超过30G后将限速。&quot;,&quot;OTHER_REMARK&quot;:null,&quot;END_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;END_TIME_STR&quot;:&quot;0001-01-01 00:00:00&quot;,&quot;RECYCLE_HOURS&quot;:0,&quot;STATUS&quot;:null,&quot;PUB_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME_STR&quot;:&quot;00:00:00&quot;,&quot;ALLOW_CALL_CNT&quot;:0,&quot;CALLED_HOURS&quot;:0,&quot;CLIENT_NAME&quot;:null,&quot;SERVER_NAME&quot;:null,&quot;RECORDS&quot;:0},{&quot;ID&quot;:84,&quot;PROD_NAME&quot;:&quot;118元大流量资费迁转&quot;,&quot;CALL_REMARK&quot;:&quot;推荐您升级118元大流量套餐，可享受国内流量20GB+400分钟语音通话（200分钟国内+200分钟省内）+100M的宽带，现在很多用户都在办理，真的很划算。流量超过20G后将限速。&quot;,&quot;OTHER_REMARK&quot;:null,&quot;END_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;END_TIME_STR&quot;:&quot;0001-01-01 00:00:00&quot;,&quot;RECYCLE_HOURS&quot;:0,&quot;STATUS&quot;:null,&quot;PUB_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME_STR&quot;:&quot;00:00:00&quot;,&quot;ALLOW_CALL_CNT&quot;:0,&quot;CALLED_HOURS&quot;:0,&quot;CLIENT_NAME&quot;:null,&quot;SERVER_NAME&quot;:null,&quot;RECORDS&quot;:0},{&quot;ID&quot;:91,&quot;PROD_NAME&quot;:&quot;50元大流量包加量不加价（送30元话费三个月）&quot;,&quot;CALL_REMARK&quot;:&quot;推荐您办理50元10G大流量包，包含10G全国流量，现在办理还可以赠送90元话费（分三个月），相当于前三个月跟现在花一样的钱就可以享受10G大流量包。活动期内流量包不能更改或取消，流量包内的流量不能结转、共享和转赠，3个月活动结束后按正常50元/月收取功能费，您可自行更改其他流量套餐。&quot;,&quot;OTHER_REMARK&quot;:null,&quot;END_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;END_TIME_STR&quot;:&quot;0001-01-01 00:00:00&quot;,&quot;RECYCLE_HOURS&quot;:0,&quot;STATUS&quot;:null,&quot;PUB_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME_STR&quot;:&quot;00:00:00&quot;,&quot;ALLOW_CALL_CNT&quot;:0,&quot;CALLED_HOURS&quot;:0,&quot;CLIENT_NAME&quot;:null,&quot;SERVER_NAME&quot;:null,&quot;RECORDS&quot;:0},{&quot;ID&quot;:90,&quot;PROD_NAME&quot;:&quot;50元10G大流量包推荐&quot;,&quot;CALL_REMARK&quot;:&quot;推荐您办理50元10G大流量包，包含10G全国流量，现在很多客户都办了真的很划算。&quot;,&quot;OTHER_REMARK&quot;:null,&quot;END_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;END_TIME_STR&quot;:&quot;0001-01-01 00:00:00&quot;,&quot;RECYCLE_HOURS&quot;:0,&quot;STATUS&quot;:null,&quot;PUB_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME_STR&quot;:&quot;00:00:00&quot;,&quot;ALLOW_CALL_CNT&quot;:0,&quot;CALLED_HOURS&quot;:0,&quot;CLIENT_NAME&quot;:null,&quot;SERVER_NAME&quot;:null,&quot;RECORDS&quot;:0},{&quot;ID&quot;:87,&quot;PROD_NAME&quot;:&quot;168元大流量资费推荐&quot;,&quot;CALL_REMARK&quot;:&quot;推荐您升级168元大流量套餐，可享受国内流量30GB+800分钟语音通话（400分钟国内+400分钟省内）+两条100M的宽带，现在很多用户都在办理，真的很划算。流量超过30G后将限速。&quot;,&quot;OTHER_REMARK&quot;:null,&quot;END_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;END_TIME_STR&quot;:&quot;0001-01-01 00:00:00&quot;,&quot;RECYCLE_HOURS&quot;:0,&quot;STATUS&quot;:null,&quot;PUB_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME_STR&quot;:&quot;00:00:00&quot;,&quot;ALLOW_CALL_CNT&quot;:0,&quot;CALLED_HOURS&quot;:0,&quot;CLIENT_NAME&quot;:null,&quot;SERVER_NAME&quot;:null,&quot;RECORDS&quot;:0},{&quot;ID&quot;:89,&quot;PROD_NAME&quot;:&quot;30元10G大流量包半价享&quot;,&quot;CALL_REMARK&quot;:&quot;推荐您办理50元10G大流量包，包含10G全国流量，现在办理还可以赠送90元话费（分三个月），相当于前三个月跟现在花一样的钱就可以享受10G大流量包。活动期内流量包不能更改或取消，流量包内的流量不能结转、共享和转赠，3个月活动结束后按正常50元/月收取功能费，您可自行更改其他流量套餐。&quot;,&quot;OTHER_REMARK&quot;:null,&quot;END_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;END_TIME_STR&quot;:&quot;0001-01-01 00:00:00&quot;,&quot;RECYCLE_HOURS&quot;:0,&quot;STATUS&quot;:null,&quot;PUB_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;FORBID_TIME_STR&quot;:&quot;00:00:00&quot;,&quot;ALLOW_CALL_CNT&quot;:0,&quot;CALLED_HOURS&quot;:0,&quot;CLIENT_NAME&quot;:null,&quot;SERVER_NAME&quot;:null,&quot;RECORDS&quot;:0}],&quot;CALL_REMARK&quot;:null,&quot;BELONG_AREA&quot;:null,&quot;PHONE_NO&quot;:null,&quot;REFERENCE_INFO1&quot;:null,&quot;REFERENCE_INFO2&quot;:null,&quot;REFERENCE_INFO3&quot;:null,&quot;STATUS&quot;:null,&quot;USER_ID&quot;:0,&quot;OP_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;OPER_RESULT&quot;:&quot;&quot;,&quot;IF_ANSWERED&quot;:true,&quot;IS_PROD_END&quot;:false,&quot;FINISHED_TIME&quot;:&quot;0001-01-01T00:00:00&quot;,&quot;RESULT_LIST&quot;:null,&quot;IF_RECALL&quot;:false,&quot;IF_MAX_LATER&quot;:false}}"/>
    <div class="main" id="myvue">
        <div class="back">
            <a href="/index">
                <i class="iconfont icon-back"></i>
                返回</a>
        </div>
        <div class="row-list">
            <div class="myrow">
                <label class="easyman-label">活动类型</label>
                <div class="easyman-content">
{% verbatim %}
                    <select class="easyman-select" v-on:change="onChange" v-model="PROD_ID" id="myselect"
                            name="myselect">
                        <option v-if="(PROD_ID==0)" value="0">--选择活动类型--</option>
                        <option v-if="(PROD_ID==-1)" value="-1">暂无活动</option>
                        <option v-bind:value="item.ID" v-bind:data_obj="item.CALL_REMARK"
                                v-for="(item,index) in PROD_LIST">{{ item.PROD_NAME }}</option>
                    </select>
{% endverbatim %}

                </div>
            </div>
            <div class="myrow">
                <label class="easyman-label">外呼口径</label>
                <div class="easyman-content">
                    <div class="easyman-input" id="CALL_REMARK" name="CALL_REMARK" v-html="CALL_REMARK">
                    </div>
                </div>
            </div>
            <div class="myrow" style="text-align:center;">
                <button class="easyman-btn easyman-btn-info" style="width:6em" type="button" disabled="disabled"
                        v-on:click="onGetPhone" id="BTN_GETPHONE">获取号码
                </button>

            </div>
{% verbatim %}
            <div class="myrow" style="padding-top:0;">
                <label class="easyman-label">用户号码</label>
                <div class="easyman-content">
                    <a v-bind:href="'tel:'+PHONE_NO" class="easyman-a">{{ PHONE_NO }}</a>
{% endverbatim %}
                </div>
            </div>
            <div class="myrow">
                <label class="easyman-label">参考信息1</label>
                <div class="easyman-content">
                    <div class="easyman-input" id="REFERENCE_INFO1" v-html="REFERENCE_INFO1"></div>
                </div>
            </div>

            <div class="myrow">
                <label class="easyman-label">参考信息2</label>
                <div class="easyman-content">
                    <div class="easyman-input" id="REFERENCE_INFO2" v-html="REFERENCE_INFO2"></div>
                </div>
            </div>
            <div class="myrow">
                <label class="easyman-label">参考信息3</label>
                <div class="easyman-content">
                    <div class="easyman-input" id="REFERENCE_INFO3" v-html="REFERENCE_INFO3"></div>
                </div>
            </div>
            <div class="myrow">
                <div class="easyman-title">外呼情况打标>></div>
            </div>
            <div class="myrow">
                <label class="easyman-label">是否接听</label>
                <button type="button" v-on:click="onChangeAnswer(true)"
                        v-bind:class="'easyman-btn '+((IF_ANSWERED)?'easyman-btn-warning':'easyman-btn-bwran')"
                        id="BTN_ANSWER">已接听
                </button>
                <button type="button" v-on:click="onChangeAnswer(false)"
                        v-bind:class="'easyman-btn '+((!IF_ANSWERED)?'easyman-btn-warning':'easyman-btn-bwran')"
                        id="BTN_UNANSERT">未接听
                </button>
            </div>
            <div class="myrow" v-show="IF_ANSWERED">
                <label class="easyman-label">办理结果</label>
                <div class="easyman-content">
                    <button v-bind:class="'easyman-btn '+(OPER_RESULT=='同意办理'?'easyman-btn-warning':'easyman-btn-bwran')"
                            type="button" v-on:click="onChangeResult('同意办理')" id="BTN_AGREE">同意办理
                    </button>
                    <button v-bind:class="'easyman-btn '+(OPER_RESULT=='拒绝办理'?'easyman-btn-warning':'easyman-btn-bwran')"
                            type="button" v-on:click="onChangeResult('拒绝办理')" id="BTN_REFUSE">拒绝办理
                    </button>
                    <button v-bind:class="'easyman-btn '+(OPER_RESULT=='中途挂断'?'easyman-btn-warning':'easyman-btn-bwran')"
                            type="button" v-on:click="onChangeResult('中途挂断')" id="BTN_HALFWAY">中途挂断
                    </button>
                    <button v-bind:class="'easyman-btn '+(OPER_RESULT=='考虑一下'?'easyman-btn-warning':'easyman-btn-bwran')"
                            type="button" v-on:click="onChangeResult('考虑一下')" id="BTN_CONSIDER">考虑一下
                    </button>
                    <button v-bind:class="'easyman-btn '+(OPER_RESULT=='暂不需要'?'easyman-btn-warning':'easyman-btn-bwran')"
                            type="button" v-on:click="onChangeResult('暂不需要')" id="BTN_UNWANTED">暂不需要
                    </button>
                </div>
            </div>
            <div class="myrow"
                 v-show="IF_ANSWERED && !(OPER_RESULT=='同意办理') && !(OPER_RESULT==='') && IF_MAX_LATER==false">
                <label class="easyman-label-long">进行二次外呼</label>
                <div class="easyman-content">
                    <button type="button" v-on:click="onRecall(true)"
                            v-bind:class="'easyman-btn '+((IF_RECALL)?'easyman-btn-warning':'easyman-btn-bwran')"
                            id="BTN_RECALL">是
                    </button>
                    <button type="button" v-on:click="onRecall(false)"
                            v-bind:class="'easyman-btn '+((!IF_RECALL)?'easyman-btn-warning':'easyman-btn-bwran')"
                            id="BTN_UNRECALL">否
                    </button>
                </div>
            </div>
            <div class="myrow" style="text-align:center">
                <button class="easyman-btn" style="color: #fff;background-color:#009688;width:5em" type="button"
                        v-on:click="onSave" id="BTN_SUMBIT">提&nbsp;&nbsp;交
                </button>
                <button class="easyman-btn" style="color: #fff;background-color:#5FB878;" type="button" id="BTN_HISTORY"
                        onclick="window.location.href='/Task/SearchHis'">查看历史(暂未开放)
                </button>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var txt = $("#txtjson").val();
        var json = $.parseJSON(txt);
        var data = json.data;
        var form;
        var vm = new Vue({
            el: '#myvue',
            data: data,
            methods: {
                onSave: function () {

                    var err = '';
                    if (vm.PHONE_NO == '' || vm.PHONE_NO == null) {
                        err = '未获取到手机号！';
                    }
                    if (vm.IF_ANSWERED == null && err == '') {
                        err = '请选择是否接听！';
                    }
                    if (vm.IF_ANSWERED == true && err == '' && (vm.OPER_RESULT == '' || vm.OPER_RESULT == null)) {
                        err = '请选择办理结果！';
                    }
                    if (err !== '') {
                        alert(err);
                    } else {
                        $("#BTN_SUMBIT").button('loading');
                        $.get('/Task/onSaveCallSale',
                            vm.$data,
                            function (rs) {
                                $("#BTN_SUMBIT").button('reset');
                                if (rs.data) {
                                    vm.PHONE_NO = "";
                                    vm.REFERENCE_INFO1 = "";
                                    vm.REFERENCE_INFO2 = "";
                                    vm.REFERENCE_INFO3 = "";
                                    $("#BTN_GETPHONE").attr('disabled', false);
                                    alert('提交成功!');

                                    //window.location.reload();
                                } else {

                                    alert(JSON.stringify(rs.msg));
                                    //alert('保存失败!');
                                }
                            });
                    }
                },
                //选着套餐活动
                onChange: function (e) {
                    $("#BTN_GETPHONE").attr('disabled', false);
                    var prod_id = $(e.target).find("option:selected").val();
                    var prod_name = $(e.target).find("option:selected").text();
                    var call_remark = $(e.target).find("option:selected").attr("data_obj");
                    var err = '';

                    if (prod_name == '--选择活动类型--') {
                        err = '请选择活动类型！';
                    }
                    if (prod_name == '暂无活动') {
                        err = '暂无活动！';
                    }
                    if (err !== '') {
                        alert(err);
                    } else {
                        $.get('/Task/onGetCallSaleInfo', {
                                prod_id: prod_id
                            },
                            function (rs) {
                                if (rs.data != null) {
                                    vm.CALL_REMARK = call_remark;//外呼口径
                                    if (rs.data.STATUS == "已提取" && rs.data.PHONE_NO != '') {
                                        vm.PROD_ID = prod_id;
                                        vm.PROD_NAME = prod_name;
                                        vm.PHONE_NO = rs.data.PHONE_NO;
                                        vm.REFERENCE_INFO1 = rs.data.REFERENCE_INFO1;
                                        vm.REFERENCE_INFO2 = rs.data.REFERENCE_INFO2;
                                        vm.REFERENCE_INFO3 = rs.data.REFERENCE_INFO3;
                                        vm.USER_ID = rs.data.USER_ID;
                                        vm.OP_TIME = rs.data.OP_TIME;
                                        vm.IF_MAX_LATER = rs.data.IF_MAX_LATER;
                                        $("#BTN_GETPHONE").attr('disabled', true);
                                        //默认值为接听
                                        vm.onChangeAnswer(true);//在onChange中调用onChangeAnswer的方法
                                        vm.onRecall(false);
                                    }
                                    else {
                                        vm.PROD_ID = prod_id;
                                        vm.PROD_NAME = prod_name;
                                        vm.PHONE_NO = "";
                                        vm.REFERENCE_INFO1 = "";
                                        vm.REFERENCE_INFO2 = "";
                                        vm.REFERENCE_INFO3 = "";
                                        vm.IF_MAX_LATER = false;
                                        //默认值为接听
                                        vm.onChangeAnswer(true);//在onChange中调用onChangeAnswer的方法
                                        vm.onRecall(false);
                                    }
                                }
                            });
                    }
                },
                //获取手机号
                onGetPhone: function () {
                    var prod_id = $("#myselect").val();
                    var prod_name = $("#myselect").find("option:selected").text();
                    var err = '';
                    if (prod_name == '--选择活动类型--') {
                        err = '请选择活动类型！';
                    }
                    if (prod_name == '暂无活动') {
                        err = '暂无活动类型！';
                    }
                    if (vm.PHONE_NO != '' && vm.PHONE_NO != null) {
                        err = '已获取手机号，不能再获取！';
                    }
                    if (err !== '') {
                        alert(err);
                    } else {
                        $("#BTN_GETPHONE").button('loading');
                        $.get('/Task/onGetCallSaleMobile',
                            {prod_id: prod_id},
                            function (rs) {
                                $("#BTN_GETPHONE").button('reset');
                                if (rs.data != null) {
                                    //活动已停用 且获取号码为空
                                    if (rs.data.IS_PROD_END && rs.data.PHONE_NO == '') {

                                        if (vm.PROD_LIST.length > 0) {
                                            for (var i = 0; i < vm.PROD_LIST.length; i++) {
                                                if (vm.PROD_LIST[i].PROD_NAME == rs.data.PROD_NAME_END) {
                                                    // 删一个数组元素
                                                    vm.PROD_LIST.splice(i, 1);
                                                }
                                            }
                                        }
                                        if (vm.PROD_LIST.length > 0) {
                                            vm.PROD_NAME = '--选择活动类型--';//默认 重新选择活动
                                        } else {
                                            vm.PROD_NAME = '暂无活动';//默认 暂无活动
                                        }

                                        vm.PHONE_NO = "";
                                        vm.REFERENCE_INFO1 = "";
                                        vm.REFERENCE_INFO2 = "";
                                        vm.REFERENCE_INFO3 = "";
                                        vm.CALL_REMARK = "";
                                        vm.IF_MAX_LATER = false;
                                        //默认值为接听
                                        vm.onChangeAnswer(true);
                                        vm.onRecall(false);
                                        alert("活动：" + prod_name + "，处理完毕！");
                                    } else {
                                        //活动未停用 且存在获取号码
                                        vm.PHONE_NO = rs.data.PHONE_NO;
                                        vm.REFERENCE_INFO1 = rs.data.REFERENCE_INFO1;
                                        vm.REFERENCE_INFO2 = rs.data.REFERENCE_INFO2;
                                        vm.REFERENCE_INFO3 = rs.data.REFERENCE_INFO3;
                                        vm.IF_MAX_LATER = rs.data.IF_MAX_LATER;
                                        //默认值为接听
                                        vm.onChangeAnswer(true);
                                        vm.onRecall(false);
                                    }
                                }
                                else {
                                    //layer.msg(JSON.stringify(rs.msg), { icon: 5, shift: 6 });
                                    alert(JSON.stringify(rs.msg));
                                }
                            });
                    }
                },
                //办理结果
                onChangeResult: function (obj) {
                    vm.OPER_RESULT = obj;
                },
                // 是否接听
                onChangeAnswer: function (obj) {
                    vm.IF_ANSWERED = obj;
                },
                // 是否二次外呼
                onRecall: function (obj) {
                    vm.IF_RECALL = obj;
                }
            },
            mounted: function () {
                //$("#myselect").find("option:first").prop("selected", true);
            }
        })
    </script>
    <script type="text/javascript">

        $(function () {
            $("#myloading").hide();
            SetMainHeight();
        });

        function SetMainHeight() {
            var wh = $(window).height();
            var mh = $(".main").height();
            if (mh < wh) {
                $(".main").css('min-height', wh + "px");
            }
        }

        $(window).resize(function () {
            SetMainHeight();
        });
    </script>
</form>
</body>
</html>
